<template>
    <view>
        <img src="" style="width: 100%; height:300upx;background:#f0f0f0">
        <view class="between-center">
            <img src="" style="width: 150upx; height:200upx;background:#f0f0f0">
            <view class="avator between-center">
                <view class="avator_title">
                    <view >投资机构名称 </view>
                    <view style="font-size: 24upx; font-weight:300">标签1</view>
                </view>
                <view class="avator_level flex">
                    收藏<u-icon name="heart"></u-icon>
                </view>

            </view>
            
        </view>
        <view>
            <view class="flex report">
                <u-icon name="share"></u-icon>投资机构资料
            </view>
            <view style="padding: 20upx" class="report_time">
                <view>赛道：人工智能</view>
                <view>注册资金：10000万</view>
                <view>年收入：2000万</view>
                <view>所属区域：北京-海淀</view>
            </view>
            <view class="report_content">
                <view>
                    <ul>
                        <li>文本内容文本内容文本内容文本内容文本内容</li>
                        <li>告简介，文本内容，报告简介，文本内容报告简介</li>
                        <li>告简介，文本内容，报告简介，文本内容报告简介</li>
                        <li>告简介，文本内容，报告简介，文本内容报告简介</li>
                    </ul>
                </view>
                <view>
                    <ul>
                        <li>告简介，文本内容，报告简介，文本内容报告简介，</li>
                        <li>告简介，文本内容，报告简介，文本内容报告简介，</li>
                        <li>告简介，文本内容，报告简介，文本内容报告简介，</li>
                        <li>告简介，文本内容，报告简介，文本内容报告简介，</li>
                    </ul>
                </view>
            </view>
            <img src="" style="width: 100%; height:300upx;background:#f0f0f0">
        </view>
       
        <view style="padding: 0upx 20px;">
            
            <pageTitle title="投资企业案例"></pageTitle>
            <mainList :baseList="topCompanyBasicList" />
        </view>


    </view>
</template>

<script>
import mainList from '@/components/mainList/index.vue'
import uTabs from '@/components/uTabs/index.vue'
import pageTitle from '@/components/pageTitle.vue'
export default {
    components: {
        mainList,
        uTabs,
        pageTitle
    },
    data() {
        return {
            array: ['中国', '美国', '巴西', '日本'],
            index: 0,
            tabBasicList: [
                {
                    name: '2024'
                },
                {
                    name: '2023'
                },
                {
                    name: '2022'
                },
                {
                    name: '其他'
                }
            ],
            checkboxValue1: [],
            // 基本案列数据
            checkboxList1: [{
                name: '独角兽',
                disabled: false
            },
            {
                name: '隐形独角兽',
                disabled: false
            },
            {
                name: '其他',
                disabled: false
            }
            ],
            topCompanyBasicList: [
                {
                    id: 0,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                },
                {
                    id: 1,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                },
                {
                    id: 2,
                    title: '2024年度全球独角兽企业500强大会',
                    desc: '企业简介企业简介企业简介',
                    tag: '企业标签',
                    slot: ''
                }
            ],
        }
    },
    onLoad() { },
    methods: {
      
    },
}
</script>

<style scoped lang="scss">
.desc {
    margin-top: 20upx;
    font-size: 24upx;
    color: #666;
    margin-bottom: 20upx;
    background: #E5EFFF;
    padding: 20upx;
}
.report{
    border-top: 1px solid #f0f0f0;
    border-bottom:  1px solid #f0f0f0;
    padding: 10upx 20upx;
    font-size: 28upx;
    margin-top: 20upx;
    >view{
        width: 50%;
    }
}
.report_content{
    >view{
        background: #f0f0f0; 
        margin: 20upx;
        padding: 10upx 20upx;
        border-radius: 10upx;
        font-size: 22upx;
        color: #999;
        >ul{
            margin-left: 10upx;
        }
    }
}
.report_time{
    font-size: 20upx;
    color: #999;
    display: flex;
    flex-wrap: wrap;
    >view{
        width:50%
    }
}
.avator {
    flex: 1;
    margin-left: 20upx;
    font-size: 32upx;
    padding-right: 20upx;
    .avator_level {
        font-size: 24upx;
        align-self: center;
    }
    .avator_title{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
</style>